<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>游客特征</title>
    <link rel="shortcut icon" href="images/product.ico" />
    <!-- 引入bootstrap样式 -->
    <link rel="stylesheet" href="./style/bootstrap.min.css">
    <!-- 初始化浏览器样式 -->
    <link rel="stylesheet" href="./style/initial.css">
    <!-- 引入消费样式 -->
    <link rel="stylesheet" href="./style/consume.css">
    <!-- 引入jQuery文件 -->
    <script src="./script/jquery.js"></script>
    <!-- 引入bootstrap.js文件 -->
    <script src="./script/bootstrap.min.js"></script><script src="./script/common.js"></script>
    <!-- 引入echarts.min文件 -->
    <script src="./script/echarts.min.js"></script>
    <script src="./script/overWalls.js"></script>
    <style type="text/css">
        ::-webkit-scrollbar{
            display:none;
        }
    </style>
</head>

<body scroll="no">
<div id="background" class="background" style="display: none; "></div>
<div id="progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div>
    <!-- 标题 -->
    <div id="header_box" class="row">
        <div id="header" class="col-lg-12 col-md-8">
            游客特征
        </div>
    </div>
    <!-- 内容 -->
    <div id="content">
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-4 begin-box">
                    <div class="year_consume_box">
                        <div class="title_icon">
                            <img src="./images/title_arrow.png" alt="">
                            客源地统计
                        </div>
                        <!--客源地统计 -->
                        <div id="tourist_consume"></div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="title_icon">
                        <img src="./images/title_arrow.png" alt="">
                        游客特征
                    </div>
                    <div class="col-md-6" style="padding: 0;">
                        <div class="year_consume_box">
                            <!--性别 -->
                            <div id="year_consume"></div>
                        </div>
                    </div>
                    <div class="col-md-6" style="padding: 0;">
                        <div class="year_consume_box">
                            <!--年龄 -->
                            <div id="age_consume"></div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-12" style="margin-top:6vh;padding-bottom: 2vh">
                <div class="col-md-4" style="padding: 0;">
                    <div class="year_consume_box">
                        <!--出行方式 -->
                        <div id="zi_jia_consume"></div>
                    </div>
                </div>
                <div class="col-md-4" style="padding: 0;">
                    <div class="year_consume_box">
                        <!--学历背景 -->
                        <div id="edu_consume"></div>
                    </div>
                </div>
                <div class="col-md-4" style="padding: 0;">
                    <div class="year_consume_box">
                        <!--手机品牌 -->
                        <div id="phone_consume"></div>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <footer id="footer"></footer>
    <!-- 退出按钮 -->
    <div id="quitBtn">
        <img src="./images/close_icon_nor@1x.png" alt="">
        <a href="index.html">返回首页</a>
    </div>
    <!-- 时间 -->
    <div id="showTime"></div>
    <!-- 引入自定义js文件 -->
    <script src="./script/consume.js"></script>
    <!-- 引入热力图文件 -->
    <!-- <script type="text/javascript" src="./script/Heatmap_min.js"></script> -->
    <!-- 引入中国地图js文件 -->
    <!-- <script src="./script/china.js"></script> -->
</body>

</html>